<%--
  Created by IntelliJ IDEA.
  User: zuti666
  Date: 2020/6/23
  Time: 10:26
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
    <title>在线商城管理系统</title>
    <meta charset="utf-8">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/statics/css/bootstrap.min.css" type="text/css"></link>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/statics/css/login.css" type="text/css"></link>
    <script type="text/javascript" src="${pageContext.request.contextPath}/statics/js/jquery.min.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/statics/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/statics/js/backendLogin.js"></script>
</head>
<body>
<!-- 使用自定义css样式 div-signin 完成元素居中-->
<div class="containercc div-signin">
    <div class="panel panel-primary div-shadow">
        <!-- h3标签加载自定义样式，完成文字居中和上下间距调整 -->
        <div class="panel-heading">
            <h3>在线商城 3.0</h3>
            <span>Network Mall Manager System</span>
        </div>
        <div class="panel-body">
            <!-- login form start -->
            <form action="${pageContext.request.contextPath}/backendLogin/login"
                  class="form-horizontal ccc" method="post" id="backendLoginForm"
                  onsubmit="return checkBackendLoginForm(this)">
                <div class="form-group">
                    <label class="col-sm-3 control-label">用户名：</label>
                    <div class="col-sm-9">
                        <input class="form-control" type="text" placeholder="请输入用户名"
                               id="backendLoginUserName" name="backendLoginUserName" data-toggle="tooltip" >
                    </div>
                    <div class="col-sm-offset-9" style="height: 25px;">
                        <font color="red" id="backendLoginUserName_span"></font>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-3 control-label">密&nbsp;&nbsp;&nbsp;&nbsp;码：</label>
                    <div class="col-sm-9">
                        <input class="form-control" type="password" placeholder="请输入密码"
                               id="backendLoginPassword" name="backendLoginPassword" data-toggle="tooltip">
                    </div>
                    <div class="col-sm-offset-9" style="height: 25px;">
                        <font color="red" id="backendLoginPassword_span"></font>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-3 control-label">身&nbsp;&nbsp;&nbsp;&nbsp;份：</label>
                    <div class="col-sm-9">
                        <select class="form-control" data-toggle="tooltip"  name="state" id="state">
                            <option>-请选择身份-</option>
                            <option value="1">系统管理员</option>
                            <option value="2">普通管理员</option>
                        </select>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-3 control-label">验证码：</label>
                    <div class="col-sm-4" name="vcode">
                        <input class="form-control" type="text" placeholder="请输入验证码"
                               id="backendLoginVCode" name="backendLoginVCode" data-toggle="tooltip">
                    </div>
                    <div class="col-sm-2" >

                        <img class="img-rounded"  id="code" onclick="changeCode()"
                             src="${pageContext.request.contextPath}/backendLogin/makeCode" alt="验证码"
                              style="height: 32px; width: 70px;"/>
                    </div>
                    <div class="col-sm-2">
                        <button type="button" class="" onclick="changeCode()"
                        >看不清</button>
                    </div>
                    <div class="col-sm-offset-9"  style="height: 25px;">
                        <font color="red" id="backendLoginVCode_span"></font>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-9  col-sm-offset-3 padding-left-0">
                        <div class="col-sm-4">
                            <button type="button" class="btn btn-link btn-block">忘记密码？</button>
                        </div>
                        <div class="col-sm-4">
                            <button type="reset" class="btn btn-primary btn-block">重&nbsp;&nbsp;置</button>
                        </div>
                        <div class="col-sm-4">
                            <button type="submit" class="btn btn-primary btn-block">登&nbsp;&nbsp;陆</button>
                        </div>
                    </div>
                </div>
            </form>
            <!-- login form end -->
        </div>
    </div>
</div>
<!-- 页尾 版权声明 -->
<div class="containercc">
    <div class="col-sm-12 foot-css" id="ccc">
        <p class="text-muted credit">
            Copyright © 2017 南京中兴 版权所有
        </p>
    </div>
</div>
</body>
</html>

